{%extends 'base.html'%}
{%block content1%}

<!--第一层-->
<div class="picvideo">
			<ul class="ulm">
				<li><img src="/statics/images/ti01.png"></li>
				<li><img src="/statics/images/ti02.png"></li>
				<li><img src="/statics/images/ti03.png"></li>
				<li><img src="/statics/images/ti04.png"></li>
			</ul>
			<div class="leftclick"><img src="/statics/images/left.png"></div>
			<div class="rightclick"><img src="/statics/images/right.png"></div>
			<ul class="point"></ul>
		</div>

		<div class="introduce">本站开发用于学习测试,其中提供的功能只供参考,确切消息请以官方为准本站源码在github上地址https://github.com/zhangshuo336/<br>zhangshuo源码持续更新功能会不断改进欢迎大家学习交流</div>

<!--正文部分-->

		<div class="arttitle"><div class="newart">最新分享</div></div>
		<!-- 后台填数据需要重复的部分 -->

	<div class="artbox">
		{%for data in artDataList%}
		<hr>

		<div class="art">
			<div class="artpic"><img src="/statics/media/{{data.artPic}}"></div><div class="artcontent">
			<h3>{{data.artTitle}}</h3>
        <h5>{{data.artFTitle}}</h5>

			<div class="artdetails">{{data.art|safe}}</div>
			<a href="{%url 'htmlPageApp:details' data.id%}"><div class="artdetailss">[详情]</div></a>

		</div>
			<div class="artmsg">&nbsp;&nbsp;<i class="fa fa-calendar" aria-hidden="true">&nbsp;{{data.createTime}}</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-eye" aria-hidden="true">&nbsp;{{data.lookTip}}</i>&nbsp;&nbsp;&nbsp;<i class="fa fa-heart" aria-hidden="true">&nbsp;{{data.goodTip}}</i>&nbsp;&nbsp;&nbsp;<i class="fa fa-commenting-o" aria-hidden="true">&nbsp;{{data.sayTip}}</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-tag" aria-hidden="true">{%if data.artDivide == 0%}&nbsp;技术分享{%else%}&nbsp;读书笔记{%endif%}</i></div>
		</div>

        {%endfor%}

		<!-- 这个hr是最后一个起美观作用的不包含在每一个文章元素内 -->
		<hr>
	</div>
{%endblock content1%}